﻿@charset "utf-8";
/* common*/
.line-height25{line-height:25px }
.line-height30{line-height:30px }
.line-height35{line-height:35px }
.line-height40{line-height:40px }
.line-height50{line-height:50px }
.bg6cbd7d{background:#6cbd7d}
.bgff9800{background:#ff9800}
.bg6495ED{background: #6495ED}
.bgff8c00{background: #ff8c00}
/*filter-panel*
----------------------- */
.filter-panel{ padding: 5px 0;;  height:55px;  }
   .filter-panels{ padding-top: 5px;padding-bottom: 5px;height: 50px;}                        /*添加样式*/
.filter-cell {  min-width:100px; height:100%;  margin-right:10px; }
/*.filter-panel .filter-cell:last-child{margin-right:-10px;}*/
.filter-cell span {
            display: block;
            /*max-width: 80%;*/
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            float:left;
            cursor: pointer;
        }
.filter-cell .icon-drop { float:left; }
.filter-cell-search ,.filter-cell-sort {
    height:100%;  margin-left:10px;margin-right:10px; 
}
/*.filter-cell-search .icon-search{ margin-left:20px}
.filter-cell-search input{ float:left;padding-left:20px }*/
.filter-panel .separator { width: 2px; height:100%; overflow: hidden; background-color: #e5e5e5; }

.icon-drop {  height: 20px; border:0px; width: 12px; background:url(../images/drop.png)  0 center no-repeat; cursor:pointer; margin-left: 5px; }
.icon-search { width: 20px; height: 20px; font-size:14px; border: 0; background: url(../images/search.png) center center no-repeat; vertical-align: middle}

/*** table-list***
 ---------------------   */
.table-content {width:100%;}
.table{ width: 100%;}
.table tr td:first-child{ padding-left:20px; }
.table tr td:last-child{ padding-right:10px; }
.table tr th:first-child{ padding-left:20px; }
.table tr th:last-child{ padding-right:10px; }
.table td{text-align: left;}
.table-header{  line-height: 50px; border-bottom: 2px solid #eaecf1;}
.table-header th{ font-size: 12px; color: #333; font-weight: 700;}

/*.table-body{line-height: 45px;}*/
.table-body tr {border-bottom:0.5px solid #ededef;height: 45px}
.table-body tr:hover { background:#e4e4e4 }
.table-body .no-wrapheight{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
.table-footer{  border-top: 2px solid #eaecf1;}
.table-body td{ border-bottom:1px solid #eaecf1;}
.table-footer td {padding:10px 0px }
/*** studio-action-panel***
 ---------------------   */
.studio-action-panel { 
    box-shadow: 0 2px 4px #000;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 2px 4px #000;
            -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 2px 4px #000;
            -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    position: absolute; display: none; 
                       z-index: 900; background: #fff; padding: 10px; width: auto; }
.studio-action-panel .corner-top {
                background: url("../images/dropdown-corner-top.gif") no-repeat;
                width: 7px;
                height: 6px;
                /*margin-top :-15px;*/
                position: absolute;
                top: -5px;
            }
.studio-action-panel .top-title{ width: 95%; margin: 0 auto; text-align: left;  font-size: 14px; font-weight: bold;}
.studio-action-panel ul { min-width:  100%; margin: 0 auto; }
.studio-action-panel ul li{ width:  auto; float: none; line-height: 30px; padding: 0 16px; border:0; margin: 0; display: block; font-weight:normal;font-size:14px;}
.studio-action-panel ul li:hover { background:#e4e4e4 }
.text-center li{ text-align:center}
.text-right li{ text-align:right}
.hide { display:none; }
.input{ 

			border:0px solid;
       
           outline:none;
            font-size: 14px;
             
            color: #555;
            
            background: none;
  
             
}
.input:focus { 
                outline: 0;
                outline:none;
                 }

.inputs{ 

			border:0px solid;
       
           outline:none;
            font-size: 14px;
             
            color: #555;
            
            background: none;
  
             
}
.inputs:focus { 
                outline: 0;
                outline:none;
                 }
/**button**
 ---------------------   */
.btn{ margin-top:-8px; padding: 6px 12px; line-height: 1.42857143; border: 1px solid transparent;border-radius: 4px;text-align: center; cursor:pointer;  }
.green { background : #6cbd7d;  color: #fff; }
.waring { background :#ff6633;;  color: #fff; }
.underline{ text-decoration: underline; }
.colorbody{ background:#ededef}
.colorwihte{background:#fff}
/**Model**/
.modal-open {
  overflow-x:hidden; overflow-y:hidden
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: block;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-dialog {
    width: 520px;

}
.modal-backdrop {
    background-color: #000;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    filter:alpha(opacity:50);
    width: 100%;
    opacity: 0.5;
}
 .modal-body .jueszu_tab tr td {
    padding-bottom: 10px;
}
.modal-content { width: auto;    border: 1px solid #d7d7d7; border-radius: 5px; background: #fff; }
.modal-header{ min-height: 16.42857143px;
  padding: 17px;
  border-bottom: 1px solid #e5e5e5; }
.modal-header .modal-close {
  margin-top: -24px;font-size:21px;cursor:pointer;
  color: #000;
  float:right;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size:18px;
}

.modal-title input {font-size: 18px;width: 350px;}
.modal-body {
    background: #f9f9fb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.modal-tab-text{ width: 80px; height: 25px; line-height: 25px; text-align: right; padding-right: 10px; }
.modal-tab-input{ padding:10px 0px; width: 200px;}
.modal-tab-control{line-height: 25px;}
.modal-footer{ 
    padding: 15px ;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn {
    margin:0px 10px;
}



.modal-task .modal-dialog {
    position: relative;
    left: 0;
    margin: 30px auto;
    z-index: 1111;
}

.modal-task .modal-body {
    overflow: auto;
  
}

/*** Panel-list***
 ---------------------   */
.panel-list li{ 
    margin: 20px 10px ; 
    padding:15px; 
    min-height: 142px; 
    border: 1px solid #D7D7D7;  
    border-radius: 7px;
}
.panel-list {width:100%}
.panel-list.cell4 li{ width:23.153%}
.panel-list.cell3 li{ width:31.333%}
.panel-list li:hover{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.panel-add:hover .panel-add-icon{ background:#6cbd7d; color: #fff; }
.panel-add:hover .panel-add-text {color: #6cbd7d; }
.panel-add-icon{
    margin:10% 45% 10px ; 
    padding:5px 0px;  
    width: 30px; 
    height: 30px; 
    border-radius: 15px; 
    background:#f2f2f2; 
    text-align: center; 
    cursor:pointer;
}
.panel-add-text{text-align: center; font-size: 14px; font-weight:700 ;color:#999999;}
.panel-list li .split{ margin:10px 0; width:100%;height:2px; overflow: hidden; background-color: #e5e5e5;}
/**table-Panel**/
.tab-panel{
    margin: 15px 0px 20px 0px;
    width:100%;
}
.tab-navs {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  width:100%;
}
.tab-navs > li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}
.tab-navs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #808080;
}
.tab-navs > li > a:hover {
  border-color: #eee #eee #ddd;
  color: #ff6633;
}
.tab-navs > li.active > a,
.tab-navs > li.active > a:hover,
.tab-navs > li.active > a:focus {
  color: #6cbd7d;/*#555*/
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.tab-content > .tab-pane {
  display: none;
  /*height:100%;*/
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
/*progress*
    --------------------*/
.progress {
  height: 20px;
  overflow: hidden;  
  border-radius: 4px;
  -webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, .1);
          box-shadow:  1px 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
/*valid*
    --------------------*/
span.valid-error ,lable.valid-error{
    position: absolute;
    display: none;
    line-height:1em;
    color:#a94442;
    font-size: 13px;}
input.valid-error {
    box-shadow:0px 0px 2px #f00;
}
/*customer 2015.3.28*/
.pro_customer_list{ width: 100%;}
.pro_customer_list li{ margin: 10px 10px ; padding:15px; width: 255px; height: 130px; border: 1px solid #E4E4E4; border-radius: 2px; background-color:#fff}
/*.pro_customer_list li:hover{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}*/
.pro_customer_list li:hover {border-color: #FF6633}
.customer_add:hover .customer_add_icon{ background:#6cbd7d; color: #fff; }
.customer_add:hover .customer_add_text {color: #6cbd7d; }
.customer_add_icon{margin:20px 100px 10px 100px; padding:5px 0px;  width: 30px; height: 30px; border-radius: 15px; background:#f2f2f2; text-align: center; cursor:pointer;}
.customer_add_text{text-align: center; font-size: 14px; font-weight:700 ;color:#999999;}
.customer_info{cursor:pointer;}
.man-bj{display: none;}
.customer_info:hover .man-bj{display: block;}
.customer_name{ height:40px; font-size:14px; overflow: hidden}
.customer_creator{ height:20px;  font-size:12px}
.customer_fuze{ height:	20px; line-height:20px; font-size:12px; }

.customer_fuze span{font-size: 12px;text-decoration: underline;}
.customer_fuze span:hover{text-decoration: none;}
.pro_customer_list li .split{ margin:10px 0; width:100%;height:2px; overflow: hidden; background-color: #e5e5e5;}

/*linkman 2015.3.30*/
.panel-list .link_info{ padding-left:40px ; padding-right:0px;height:162px}
.panel-list .link_info.disable{ border-style: dashed;border-width:2px;}
.link_info_name {font-size:16px;font-weight:700}
.disable .link_info_name{text-decoration:line-through;color:#999999;}
.link_info_edit{ margin-right:10px; text-decoration:underline; }
.link_info_other{line-height:25px; font-size:14px}
.link_info:hover .man-bj{display: block;}
/*picture*/
.pro-pictures{ width: 1180px;}
.pro-pictures li{ margin:15px 10px 0px 0px ; padding:15px; width: 285px; height: 280px; border: 1px solid #D7D7D7;  border-radius: 7px;background:#fff; cursor: pointer; }
.pro-pictures li:hover{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.pro-pictures li .split{ margin:10px 0; width:100%;height:1px; overflow: hidden; background-color: #e5e5e5;  	}

.search_divs{ margin: 15px 0 0 0;border:0px solid;
            padding: 5px 10px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.candel:hover{text-decoration:line-through;color:#333;cursor:pointer;}
.people-item{font-size:14px;font-weight:400;}
.zx_name{font-size:14px;font-weight:400;}
.canedit:hover{text-decoration: underline;cursor:pointer}
.xm_home_tag{ display:inline-block; margin-right:10px;margin-top:10px; padding:5px 5px;border:1px solid #cccccc;font-size:14px;color:#666;font-weight:400;}
.xm_home_tag.open{background:#6cbd7d;color:white;}
.xm_home_status_off{text-align:center;line-height:50px; background:#EAECF1;color:#808080;font-size:14px;font-weight:700;cursor:pointer;}
.xm_home_status_on{text-align:center;line-height:48px; background:#fff;color:#808080;font-size:14px;font-weight:700;cursor:pointer;border:1px dashed #ccc}
.xm_qx_header{}
.xm_qx_header{  line-height: 45px; border-bottom: 2px solid #eaecf1;}
.xm_qx_header th{ font-family:"Microsoft YaHei Bold", "Microsoft YaHei"; font-size: 12px; color: #666; font-weight: 700;}
.xm_qx_body{height: 40px;}
.xm_qx_body tr {font-size: 12px; border-bottom:0.5px solid #ededef}
.cost-area .xm_qx_body tr:last-child {border-bottom: none!important;}
.cost-area .xm_qx_body tr:last-child td {border-bottom: none!important;}
.xm_qx_body td{ border-bottom:1px solid #eaecf1;}
.qx_name{display:block;font-weight: 700;font-size: 14px;color: #333;margin-top: 10px;}
.qx_info{display:block;font-weight: 400;font-size: 12px;color: #666; margin-bottom:10px;}
.qx_groups,.qx_users{ font-size: 14px;color: #333;font-weight: 400;line-height:19px; margin:10px 0px; width: 540px;}
.qx_groups-title{ width: 60px;font-size: 14px;}
.qx_groups-text{ width: 470px; margin-left: 5px;}
.qx_group,.qx_user{ margin:0 5px;display:inline-block; font-size: 14px;color: #333;font-weight: 400; cursor:pointer;}
.qx_add{font-weight: 400;font-size: 14px;color: #333;}
.qx_add:hover{text-decoration:underline}
.tmllist .xm_qx_body tr{ line-height:30px}
.cost-area .tmllist .xm_qx_body tr{ line-height:35px}
.tmllist .open{background:#f2f2f2}
.tmllist .open .gouxuan{display:inline-block}
/*公司组织*/
.organiza-name{ font-size:15px;font-weight:bold; color: #808080; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.organiza-infos{ margin-top:5px;}
.organiza-infos span { margin-right:10px;font-weight: 400;font-size: 12px;color: #808080;}
.organiza-members{height:30px; font-size: 18px;overflow:hidden;}
.organiza-members img{margin-right:5px;height:30px; width:30px; border:1px solid #cccccc;display:inline-block}

.l_imgdiv{text-align:center; margin:20px 20px;border-bottom:1px solid #cccccc;}
.l_imgdiv img{width:150px;height:150px;border:1px solid #cccccc;display:inline-block}
.l_imgdiv span{ margin:15px;font-size:18px;font-weight:400;color:#808080;display:block; text-align: center;}
.l_table{width:300px; margin:20px 35px;}
.l_table th{ line-height:35px;font-weight: 700;font-size: 14px;color: #808080;border-bottom:1px solid #eaecf1}
.l_table td{line-height:25px;font-size: 14px;border-bottom:1px solid #eaecf1}

.r_mebers{float:left;width:100% ;margin-top:10px;background:#fff;padding-bottom: 20px;}
.r_mebers span{margin:20px 20px; display:block;font-size:18px;font-weight:700;color: #808080;float:left}
.r_mebers img{width:50px;height:50px;border:1px solid #cccccc;display:inline-block}
.r_mebers ul{margin:0 20px;display:block;width:740px}
.r_mebers li{margin:0 10px 10px 0;}
.load_more{ width:200px;line-height:35px; height:35px;margin:10px auto;font-size:14px;font-weight:400; text-align:center;display:block;border:1px solid #cccccc;}
/*!---*/
.mypanel-cell{width:370px;}
.mypanel-cell .title-name{border-bottom:1px solid #ccc ;font-weight: 700;font-size: 16px;color: #808080;line-height:40px;padding-left:20px;}
.product-info{margin:10px 20px;font-weight: 400;font-size: 14px;}
.product-info a{margin:0px 5px;font-weight: 400;font-size: 14px;color:#0EAECF}
.load-more{width: 150px;height: 35px;line-height:35px;text-align:center;
margin: 25px auto;display: block;font-weight: 400;
font-size: 14px;border:1px solid #ccc;cursor:pointer;
color: #999;}
.my-message,.my-task,.my-news{ width:330px;}
  .my-newss{ }
  .my-newss td{font-weight: 400;border-bottom:1px solid #e4e4e4;padding:10px 0px;}
.my-message a{font-size: 14px;}
.my-message td{font-weight: 400;font-size: 14px;border-bottom:1px solid #e4e4e4;padding:10px 0px;}
.my-task th{font-weight: 700;font-size: 14px;color: #808080;border-bottom:1px solid #ccc;line-height: 30px;}
.my-task td{font-weight: 400;font-size: 14px;border-bottom:1px solid #e4e4e4;padding:10px 0px;}
.my-task td span{width:200px; display:block;font-weight: 400;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.my-task a{font-size: 14px;}
.my-news img{width:50px;height:50px;border:1px solid #ccc;display:block}
.my-newss img{width:40px;height:40px;border:1px solid #ccc;display:block}
.my-news .name{ margin-left:10px;font-weight: 700;float:left;}
.my-newss .name{ margin-left:10px;font-weight: 700;float:left;}
.my-news .time{ float:right;font-weight: 400;color: #999;}
.my-newss .time{ float:right;font-weight: 400;color: #999;}
.my-news p{ margin-left:10px; font-weight: 400;width:280px; line-height:25px;overflow: hidden;text-overflow: ellipsis;}
.my-newss p{ margin-left:10px; font-weight: 400;line-height:25px;overflow: hidden;text-overflow: ellipsis; 	width:70%;}
.my-news th{font-weight: 400;border-bottom:1px solid #ccc;line-height: 20px;}
.my-news td{border-bottom:1px solid #e4e4e4;padding:8px 0px;}

.task-B-right-bottom tr:hover { background:#e4e4e4 }
